<script setup lang="ts">
interface Props {
  title: string
}
const props = defineProps<Props>()

</script>

<template>
  <div class="f_title">{{ props.title }}</div>
</template>

<style lang="less">
.f_title {
  font-weight: 600;
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 10px;

  &::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 1.5rem;
    background-color: rgb(var(--arcoblue-6));
    margin-right: 5px;

  }
}
</style>